<!-- Dashboard Graph starts -->

<div class="row">
    <div class="col-md-8">

        <!-- Widget -->
        <div class="widget">
            <!-- Widget head -->
            <div class="widget-head">
                <div class="pull-left">销量趋势</div>
                <div class="widget-icons pull-right">
                    <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
                    <a href="#" class="wclose"><i class="icon-remove"></i></a>
                </div>  
                <div class="clearfix"></div>
            </div>              

            <!-- Widget content -->
            <div class="widget-content">
                <div class="padd">

                    <!-- Curve chart (Blue color). jQuery Flot plugin used. -->
                    <div id="curve-chart" style="padding: 0px; position: relative;"><canvas class="base" width="641" height="250"></canvas><canvas class="overlay" width="641" height="250" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="tickLabels" style="font-size:smaller"><div class="xAxis x1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:center;left:-14px;top:228px;width:80px">0</div><div class="tickLabel" style="position:absolute;text-align:center;left:77px;top:228px;width:80px">2</div><div class="tickLabel" style="position:absolute;text-align:center;left:167px;top:228px;width:80px">4</div><div class="tickLabel" style="position:absolute;text-align:center;left:258px;top:228px;width:80px">6</div><div class="tickLabel" style="position:absolute;text-align:center;left:348px;top:228px;width:80px">8</div><div class="tickLabel" style="position:absolute;text-align:center;left:439px;top:228px;width:80px">10</div><div class="tickLabel" style="position:absolute;text-align:center;left:529px;top:228px;width:80px">12</div></div><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:194px;right:620px;width:21px">-1.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:148px;right:620px;width:21px">-0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:103px;right:620px;width:21px">0.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:57px;right:620px;width:21px">0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:11px;right:620px;width:21px">1.0</div></div></div><div class="legend"><div style="position: absolute; width: 51px; height: 48px; top: 9px; right: 9px; background-color: rgb(255, 255, 255); opacity: 0.85;"> </div><table style="position:absolute;top:9px;right:9px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(30,175,237);overflow:hidden"></div></div></td><td class="legendLabel">sin(x)</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(30,175,237);overflow:hidden"></div></div></td><td class="legendLabel">cos(x)</td></tr></tbody></table></div></div>

                    <hr>
                    <!-- Hover location -->
                    <div id="hoverdata">Mouse hovers at
                        (<span id="x">0.77</span>, <span id="y">1.00</span>). <span id="clickdata"></span></div>          

                                            <!-- Skil this line. <div class="uni"><input id="enableTooltip" type="checkbox">Enable tooltip</div> -->

                </div>
            </div>
            <!-- Widget ends -->

        </div>
    </div>

    <div class="col-md-4">
        <div class="widget">
                    <div class="widget-head">
                        <div class="pull-left">上周销量TOP5</div>
                        <div class="widget-icons pull-right">
                            <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
                            <a href="#" class="wclose"><i class="icon-remove"></i></a>
                        </div>  
                        <div class="clearfix"></div>
                    </div>
                    <div class="widget-content medias">

                        <table id="record-list" class="table table-striped table-bordered table-hover">
                            <tbody>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30件</td>
                                </tr> 
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30件</td>
                                </tr>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30件</td>
                                </tr>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30件</td>
                                </tr>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30件</td>
                                </tr>
                                
                            </tbody>
                        </table>
                    </div>
                </div>
    </div>
</div>
<!-- Dashboard graph ends -->

<!-- Chats, File upload and Recent Comments -->
<div class="row">

    <div class="col-md-8">
        <!-- Widget -->
        <div class="row">
            <div class="col-md-12">
                <div class="widget">
                    <div class="widget-head">
                        <div class="pull-left">最近销售记录</div>
                        <div class="widget-icons pull-right">
                            <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
                            <a href="#" class="wclose"><i class="icon-remove"></i></a>
                        </div>  
                        <div class="clearfix"></div>
                    </div>
                    <div class="widget-content medias">

                        <table id="record-list" class="table table-striped table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>图片</th>
                                    <th>款号/名称</th>
                                    <th>总数量</th>
                                    <th>总价</th>
                                    <th>结账时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30</td>
                                    <td>892</td>
                                    <td>2014-03-15</td>
                                </tr>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30</td>
                                    <td>892</td>
                                    <td>2014-03-15</td>
                                </tr>    
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30</td>
                                    <td>892</td>
                                    <td>2014-03-15</td>
                                </tr>  
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="widget">
                    <div class="widget-head">
                        <div class="pull-left">最近进货记录</div>
                        <div class="widget-icons pull-right">
                            <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
                            <a href="#" class="wclose"><i class="icon-remove"></i></a>
                        </div>  
                        <div class="clearfix"></div>
                    </div>
                    <div class="widget-content medias">

                        <table id="record-list" class="table table-striped table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>图片</th>
                                    <th>款号/名称</th>
                                    <th>总数量</th>
                                    <th>总价</th>
                                    <th>进货时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30</td>
                                    <td>892</td>
                                    <td>2014-03-15</td>
                                </tr>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30</td>
                                    <td>892</td>
                                    <td>2014-03-15</td>
                                </tr>
                                <tr data-href="/saleRecord/detail">
                                    <td><img src="/mac/img/user.jpg" alt=""></td>
                                    <td>#9765/CCainoliver 2013冬新款韩版中长款修身羊毛呢大衣格子毛呢外套女</td>
                                    <td>30</td>
                                    <td>892</td>
                                    <td>2014-03-15</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div> 
            </div>
        </div>

    </div>

    <div class="col-md-4">
        <!-- Widget -->
        <div class="widget">
            <!-- Widget title -->
            <div class="widget-head">
                <div class="pull-left">会员购买力排行</div>
                <div class="widget-icons pull-right">
                    <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
                    <a href="#" class="wclose"><i class="icon-remove"></i></a>
                </div>  
                <div class="clearfix"></div>
            </div>
            <div class="widget-content">
                <!-- Widget content -->
                <div class="padd">

                    <ul class="recent">


                        <li>

                            <div class="recent-content">
                                <div class="recent-meta">Posted on 25/1/2120 by Ashok</div>
                                <div>Vivamus diam elit diam, consectetur fermentum sed dapibus eget, Vivamus consectetur dapibus adipiscing elit.
                                </div>

                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"><i class="icon-ok"></i> </button>
                                    <button class="btn btn-xs btn-default"><i class="icon-pencil"></i> </button>
                                    <button class="btn btn-xs btn-default"><i class="icon-remove"></i> </button>
                                </div>

                                <button class="btn btn-xs btn-danger pull-right">Spam</button>

                                <div class="clearfix"></div>
                            </div>
                        </li>



                        <li>

                            <div class="recent-content">
                                <div class="recent-meta">Posted on 25/1/2120 by Ashok</div>
                                <div>Vivamus diam elit diam, consectetur fermentum sed dapibus eget, Vivamus consectetur dapibus adipiscing elit.
                                </div>

                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"><i class="icon-ok"></i> </button>
                                    <button class="btn btn-xs btn-default"><i class="icon-pencil"></i> </button>
                                    <button class="btn btn-xs btn-default"><i class="icon-remove"></i> </button>
                                </div>

                                <button class="btn btn-xs btn-danger pull-right">Spam</button>

                                <div class="clearfix"></div>
                            </div>
                        </li>



                        <li>

                            <div class="recent-content">
                                <div class="recent-meta">Posted on 25/1/2120 by Ashok</div>
                                <div>Vivamus diam elit diam, consectetur fermentum sed dapibus eget, Vivamus consectetur dapibus adipiscing elit.
                                </div>

                                <div class="btn-group">
                                    <button class="btn btn-xs btn-default"><i class="icon-ok"></i> </button>
                                    <button class="btn btn-xs btn-default"><i class="icon-pencil"></i> </button>
                                    <button class="btn btn-xs btn-default"><i class="icon-remove"></i> </button>
                                </div>

                                <button class="btn btn-xs btn-danger pull-right">Spam</button>

                                <div class="clearfix"></div>
                            </div>
                        </li>                                        


                    </ul>

                </div>
                <!-- Widget footer -->
                <div class="widget-foot">


                    <ul class="pagination pull-right">
                        <li><a href="#">Prev</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">Next</a></li>
                    </ul>

                    <div class="clearfix"></div>

                </div>
            </div>  

        </div> 

    </div>
</div>
